/**
 * 微信支付页面 Css 样式
 * 
 * @author : fankey 2016-02-26
 */

#payMain{
	font-family:"MicrosoftYaHei";
	width:960px;
	height: 480px;
	float: left;
	margin-left: 10px;
	margin-top: 16px;
	border: 1px solid #83b842;
	
}

#mainLeft {
	width: 400px;
	height: 480px;
	float: left;
}


#mainNav {
	width: 2px;
	height: 480px;
	background-color: #c0c0c0;
	float: left;
	margin-left: 9px;
}

#mainRight {
	margin-left: 9px;
	width: 540px;
	height: 480px;
	float: left;
}

.leftTitle{

	width: 400px;
	height: 100px;
	color: #666666;
	font-weight: bolder;
	float: left;
	font-size: 24px;
	line-height: 100px;
	background-color: #ffffff;
	text-align: center;
}

.leftContent {
	margin-left: 40px;
	width: 320px;
	height: 320px;
	float: left;
	background-color: #f5f5f5;
}

.payImage {
	width: 240px;
	height: 240px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}

.rightTitle {
	width: 540px;
	height: 100px;
	color: #666666;
	font-weight: bolder;
	float: left;
	font-size: 24px;
	line-height: 100px;
	background-color: #ffffff;
	text-align: center;
}

.dataTable {
	margin-left: 30px;
	width: 480px;
	height: 320px;
	float: left;
}

.tableLine{
	width: 420px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	float: left;
	margin-left: 30px;
	background-color: #fafafa;
	margin-top: 10px;
}

.spanTitle{
	color: #83b842;
}

.spanContent{
	color: #fe8103;
}

.notice{
	width: 420px;
	height: 128px;
	font-size: 14px;
	line-height: 24px;
	float: left;
	margin-left: 30px;
	background-color: #fafafa;
	margin-top: 10px;
}

/*按钮*/
.btn{display:inline-block;cursor:pointer;text-align:center; font-weight:400;white-space:nowrap;vertical-align: middle;*zoom:1;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;-o-transition:background-color .1s linear;transition:background-color .1s linear;}
a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:active,.btn.active{background-color:#ccc}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;}
 
/*默认——灰色 通常用于取消*/
.btn-default{background-color:#e6e6e6}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color:#333;background-color:#c7c7c7;border-color:#c7c7c7}
 
/*主要——主色 通常用于确定、提交、购买、支付等*/
.btn-primary{color:#fff;background-color:#5a98de; border-color:#5a98de}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{color:#fff;background-color:#6aa2e0;border-color:#6aa2e0}
 
/*次要按钮*/
.btn-secondary{color:#fff;background-color:#3bb4f2; border-color:#3bb4f2}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active{color:#fff;background-color:#0f9ae0;border-color:#0f9ae0}
 
/*成功*/
.btn-success{color:#fff;background-color:#5eb95e; border-color:#5eb95e}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active{color:#fff;background-color:#429842;border-color:#429842}
 
/*警告*/
.btn-warning{color:#fff;background-color:#f37b1d; border-color:#f37b1d}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active{color:#fff;background-color:#c85e0b;border-color:#c85e0b}
 
/*危险*/
.btn-danger{color:#fff;background-color:#dd514c; border-color:#dd514c}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active{color:#fff;background-color:#c62b26;border-color:#c62b26}
 
/*链接*/
.btn-link{color:#0e90d2;cursor:pointer;border-color:transparent;background-color:transparent;}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active{color:#095f8a;text-decoration:underline;background-color:transparent}
 
/*禁用状态*/
.btn.disabled{cursor:not-allowed;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none; pointer-events:none;}